<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
 <title>管理员首页 - 图书馆管理系统</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
        .header { background-color: #333; color: white; padding: 20px; text-align: center; }
        .nav { background-color: #444; overflow: hidden; }
        .nav a { float: left; color: white; padding: 14px 16px; text-decoration: none; }
        .nav a:hover { background-color: #555; }
        .container { padding: 20px; max-width: 1200px; margin: 0 auto; }
        .stats { display: flex; justify-content: space-around; margin-bottom: 30px; }
        .stat-card { background-color: #f9f9f9; padding: 20px; border-radius: 5px; text-align: center; width: 200px; }
        .stat-number { font-size: 36px; font-weight: bold; }
        .search-box { margin-bottom: 20px; }
        .search-box input { padding: 8px; width: 300px; }
        .search-box button { padding: 8px 15px; background-color: #4CAF50; color: white; border: none; cursor: pointer; }
        .btn-add { padding: 8px 15px; background-color: #2196F3; color: white; border: none; cursor: pointer; margin-bottom: 15px; }
        .book-list { width: 100%; border-collapse: collapse; }
        .book-list th, .book-list td { border: 1px solid #ddd; padding: 8px; }
        .book-list th { background-color: #f2f2f2; }
        .btn-edit, .btn-delete { padding: 5px 10px; color: white; border: none; cursor: pointer; }
        .btn-edit { background-color: #4CAF50; }
        .btn-delete { background-color: #f44336; }
        .footer { background-color: #333; color: white; text-align: center; padding: 10px; }
    </style>
</head>
<body>
	<div class="header">
        <h1>图书馆管理系统 - 管理员面板</h1>
        <p>欢迎，管理员</p>
    </div>

    <div class="nav">
        <a href="index.jsp">图书管理</a>
        <a href="users.jsp">用户管理</a>
        <a href="borrows.jsp">借阅管理</a>
        <a href="statistics.jsp">统计信息</a>
        <a href="../login.jsp">退出登录</a>
    </div>

    <div class="container">
        <div class="stats">
            <div class="stat-card">
                <h3>总藏书量</h3>
                <div class="stat-number">2543</div>
            </div>
            <div class="stat-card">
                <h3>今日借阅</h3>
                <div class="stat-number">42</div>
            </div>
            <div class="stat-card">
                <h3>注册用户</h3>
                <div class="stat-number">1256</div>
            </div>
            <div class="stat-card">
                <h3>逾期未还</h3>
                <div class="stat-number">18</div>
            </div>
        </div>
        
        <div class="search-box">
            <input type="text" placeholder="请输入书名、作者或ISBN">
            <button>搜索</button>
        </div>
        
        <button class="btn-add" onclick="location.href='add_book.html'">添加图书</button>
        
        <h3>图书列表</h3>
        <table class="book-list">
            <tr>
                <th>ID</th>
                <th>书名</th>
                <th>作者</th>
                <th>出版社</th>
                <th>出版日期</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
            <tr>
                <td>1001</td>
                <td>Java编程思想</td>
                <td>Bruce Eckel</td>
                <td>机械工业出版社</td>
                <td>2007-06-01</td>
                <td>已借出</td>
                <td>
                    <button class="btn-edit">编辑</button>
                    <button class="btn-delete">删除</button>
                </td>
            </tr>
            <tr>
                <td>1002</td>
                <td>Python数据分析</td>
                <td>Wes McKinney</td>
                <td>机械工业出版社</td>
                <td>2018-10-01</td>
                <td>可借阅</td>
                <td>
                    <button class="btn-edit">编辑</button>
                    <button class="btn-delete">删除</button>
                </td>
            </tr>
            <tr>
                <td>1003</td>
                <td>计算机网络</td>
                <td>Andrew S. Tanenbaum</td>
                <td>电子工业出版社</td>
                <td>2012-01-01</td>
                <td>可借阅</td>
                <td>
                    <button class="btn-edit">编辑</button>
                    <button class="btn-delete">删除</button>
                </td>
            </tr>
        </table>
    </div>

    <div class="footer">
        <p>© 2025 图书馆管理系统</p>
    </div>
</body>
</html>